<!--右侧辅助区域-->
<div class="layui-col-md4 animated fadeInUp">

    <div class="right-util"><!--这个类rigth-util的作用是为了方便统一规定它下面的所有div的通用属性-->

        <!--关于我开始-->
        <div class="layui-col-xs12 aboutme">
            <img class="layui-circle layui-anim-rotate layui-anim" src="http://img.dmyang.club/sysimg/head.jpg">
            <li style="text-align: center;"><i class="fa fa-location-arrow"></i>&nbsp;中国 - 鄂尔多斯</li>
            <li style="text-align: center;font-size: 18px;margin-top: 20px;font-weight: 900">dmyang●明哥</li>
            <li style="color: #8B8682  ;text-align: center;margin-top: 5px;font-size: 15px;font-style:oblique">
                让过去过去，让未来到来。
            </li>
            <hr/>
            <ul class="persion-resume">
                <li><a href="javascript:void(0)" tabindex="_blank"
                       class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" id="qq">QQ</a></li>
                <li><a href="javascript:void(0)" class="layui-btn layui-btn-sm layui-btn-radius" id="wechat">微信</a></li>
                <li><a href="https://github.com/yalvhe2009" target="_blank"
                       class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger">Github</a></li>
                <li><a href="https://gitee.com/yalvhe2009" target="_blank" class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal">开源中国</a>
                </li>
            </ul>
        </div>

        <!--分类开始-->
        <div class="layui-col-xs12 hyblog-panel category">
            <h3 class="hyblog-panel-title"><i class="layui-icon" style="font-size: 16px;"></i>&nbsp;分类</h3>
            <div class="cloud hyblog-panel-main" id="category">
                <!--使用js动态向这里插入内容-->
                <!--<ul>
                    <li><a href="/index/1527682240609822" target="_black">大数据</a></li>
                </ul>-->
            </div>
        </div><!--分类结束-->

        <!--标签开始-->
        <div class="layui-col-xs12 hyblog-panel tag ">
            <h3 class="hyblog-panel-title"><i class="layui-icon" style="font-size: 16px;"></i>&nbsp;标签云
            </h3>
            <div class="cloud hyblog-panel-main" id="tag">
                <!--使用js动态向这里插入内容-->
                <!--<ul>
                    <li><a href="/index/1531532084057589" target="_black">FastJson</a></li>
                    <li><a href="/articlelist?cid=5">网络(0)</a></li>
                    <li><a href="/articlelist?cid=5">网络(0)</a></li>
                    <li><a href="/articlelist?cid=5">网络(0)</a></li>
                    <li><a href="/articlelist?cid=5">网络(0)</a></li>
                    <li><a href="/articlelist?cid=5">网络(0)</a></li>
                </ul>-->

            </div>
        </div><!--标签结束-->

        <!--友情链接-->
        <div class="layui-col-xs12 hyblog-panel friend-link">
            <h3 class="hyblog-panel-title"><i class="layui-icon" style="font-size: 16px;"></i>&nbsp;友情链接
            </h3>
            <dl class="hyblog-panel-main" id="friendshiplink">

                <!--<dd><a href="#" target="_blank">腾讯</a></dd>
                <dd><a href="#" target="_blank">百度</a></dd>
                <dd><a href="#" target="_blank">阿里</a></dd>-->
            </dl>
        </div>

    </div>
</div>